<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>尚合首页</title>
		<style>
			.header{
				width: 1000px;
				height: 50px;
				background: url(img/logo.jpg) no-repeat;
				margin: 20px auto 0;
			}
			.header input[type=text]{
				height: 25px;
				width: 150px;
				background: url(img/search2.jpg) no-repeat right;
			}
			.nav{
				height: 50px;
				margin: 0 auto;
				background:url(img/nav_bg-line.png);
			}
			.nav_in{
				width: 1000px;
				height: 50px;
				margin: 0px auto;
				background:url(img/nav_bg-line.png);
			}
			ul li{
				list-style: none;
			}
			.nav_in ul li a{
				float: left;
				line-height: 60px;
				padding: 0 40px;
				font-size: 15px;
				font-family: "微软雅黑";
				text-decoration: none;
			}
			.nav_in ul li a:link{
				color: black;
			}
			.nav_in ul li a:hover{
				color: greenyellow;
			}
			.main{
				width: 1000px;
				height: 600px;
				margin: 0 auto;
			}
			.notice{
				height: 30px;
				background-color: rgb(251,251,251);
				margin: 10px auto;
				border-top: solid 1px rgb(239,239,239);
				border-bottom: solid 1px rgb(239,239,239);
			}
			.notice_in{
				height: 30px;
				width: 1000px;
				line-height: 30px;
				margin: 0 auto;
			}
			.notice_in p{
				font-size: 10px;
				line-height: 10px;
			}
			.notice_r{
				height: 16px;
				margin: 3px auto;
			}
			.message{
				height: 280px;
				width: 1000px;
				margin: 10px auto;
			}
			.new_product{
				width: 318px;
				height: 260px;
				margin: 10px 20px 10px 0px;
				border: solid 1px rgb(239,239,239);
			}
			.product{
				width: 300px;
				height: 200px;
				margin: 5px auto;
				position: relative;
			}
			.product_l{
				width: 11px;
				height: 19px;
				position: absolute;
				top: 90px;
				left: 12px;
			}
			.product_c{
				width: 205px;
				height: 149px;
				position: absolute;
				top: 25px;
				left: 47px;
			}
			.product_r{
				width: 11px;
				height: 19px;
				position: absolute;
				top: 90px;
				right: 12px;
			}
			.title{
				text-indent: 1em;
				font-size: 5px;
				line-height: 5px;
				color: rgb(134,185,42);
			}
			.news{
				width: 380px;
				height: 260px;
				margin: 10px 20px 10px 0px;
				border: solid 1px rgb(239,239,239);
			}
			.news ul{
				width: 300px;
				height: 200px;
			}
			.news li{
				font-size: 10px;
				line-height: 30px;
				border-bottom: 1px dashed rgb(239,239,239);
			}
			.red{
				color: red;
			}
			.support{
				width: 250px;
				height: 260px;
				margin: 10px 0px 10px 0px;
				border: solid 1px rgb(239,239,239);
			}
			.support li{
				text-indent: 1em;
				border-left: 3px solid rgb(134,185,42);
				font-size: 10px;
				line-height: 10px;
			}
			.support br{
				line-height: 5px;
			}
			.footer{
				height: 300px;
				background-color: rgb(45,45,45);
				margin: 10px auto;
			}
			.footer_top{
				height: 200px;
				width: 1000px;
				margin: 0px auto;
				font-size: 10px;
				line-height: 30px;
			}
			.footer_top td{
				text-align: left;
				height: 40px;
				width: 100px;
			}
			.footer_bottom{
				text-align: center;
				width: 1000px;
				height: 40px;
				margin: 0 auto;
				font-size: 10px;
				line-height: 15px;
				margin-top: 25px;
			}
			.one{
				color: rgb(166,166,166);
			}
			.two{
				color: rgb(94,111,112);
			}
			.text{
				text-indent: 3em;
				font-size: 10px;
			}
			.left{
				float: left;
			}
			.right{
				float: right;
			}
			hr{
				border: none;
				border-top: 1px dashed rgb(65,65,65);
			}
		</style>
	</head>
	<body>
		<div class="header">
			<input type="text" class="right" value="请输入..."/>
		</div>
		<div class="nav">
			<div class="nav_in">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">智能手机</a></li>
					<li><a href="#">平板电脑</a></li>
					<li><a href="#">配件</a></li>
					<li><a href="#">服务支持</a></li>
					<li><a href="#">关于尚合</a></li>
				</ul>
			</div>
		</div>
		<div class="main">
			<img src="img/banner.jpg" />
		</div>
		<div class="notice">
			<div class="notice_in">
				最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网
				<div class=" right notice_r">
					<img src="img/zone.png" />
					<img src="img/weibo.png" />
					<img src="img/xinlang.png"/>
					<img src="img/renren.png"/>
				</div>
					
			</div>
		</div>
		<div class="message">
			<div class="new_product left">
				<p class="title"><img src="img/o.jpg" />新品发布</p>
				<div class="product">
					<div class="product_l">
						<img src="img/left.png"/>
					</div>
					<div class="product_c">
						<img src="img/home_hot_01.png" />
					</div>
					<div class="product_r">
						<img src="img/right.png"/>
					</div>
				</div>
					
			</div>
			<div class="news left">
				<p class="title"><img src="img/o.jpg" />新闻中心</p>
				<ul class="left">
					<li class="red">致歉公告</li>
					<li>首批尚合Aonet已全部售罄！</li>
					<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
					<li>我司产品已经通过了国家强制性产品3C认证</li>
					<li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
					<li>我司通过ISO9001：2008国际质量管理体系认证</li>
				</ul>
			</div>
			<div class="support left">
				<p class="title"><img src="img/o.jpg" />新闻中心</p>
				<ul>
					<li>售后服务</li>
					<br />
					<li>投诉与建议</li>
					<br />
					<li>联保网点</li>
					<br />
					<li>常见问题FAQ</li>
				</ul>
				<p class="text">深圳市汇聚众合科技发展有限公司</p>
				<p class="text">服务热线：400-633-7922</p>
			</div>
		</div>
		<div class="footer">
			<div class="footer_top">
			<table>
				<tr class="one">
					<td>尚合首页</td>
					<td>尚合首页</td>
					<td>尚合首页</td>
					<td>尚合首页</td>
				</tr>
				<tr class="two">
					<td>返回首页</td>
					<td>返回首页</td>
					<td>返回首页</td>
					<td>返回首页</td>
				</tr>
			</table>
			</div>
			<hr />
			<div class="footer_bottom">
				深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br />
				会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司
			</div>
		</div>
	</body>
</html>
